$(function() {
    //options Ajax参数选项
	//实现了登录表单区域和注册表单区域切换效果
	// 只要是id或类名不要手写，在html中找到 cv
	$('#link_reg').click(function() {
		$('.login-box').hide()
		$('.reg-box').show()
	})
	$('#link_login').click(function() {
		$('.login-box').show()
		$('.reg-box').hide()
	})

	//表单校验自定义规则
	layui.form.verify({
		// 6-12位 非空格 \s 空格 \S 非空格
		pwd: [ /^\S{6,12}$/, '密码长度是6-12位非空格组成' ],
		// value -> 输入的值
		// item -> 当前所在的dom对象 input输入框
		repwd: function(value, item) {
			if (value != $(item).parent().prev().find('input').val()) {
				return '两次输入的密码不一致'
			}
		}
		// pwd1:function(value,item){
		//     // console.log(value);
		//     // console.log(item);
		//     var reg = /^\S{6,12}$/;
		//     if(!reg.test(value)){
		//         return '密码长度是6-12位非空格组成'
		//     }
		// }
	})

	//注册功能
	$('#form_reg').submit(function(e) {
		e.preventDefault() //阻止表单默认行为
		$.post(
			'/api/reguser',
			{
				username: $('#reg_username').val(),
				password: $('#reg_password').val()
			},
			function(res) {
				if (res.status != 0) return layui.layer.msg(res.message)
				layui.layer.msg('注册成功')
				// 用户注册成功了，他肯定想去登录
				$('#link_login').click()
			}
		)
	})

	//登录功能
	$('#reg_login').submit(function(e) {
		e.preventDefault()
		$.ajax({
			method: 'POST',
			url: '/api/login',
			data: {
				username: $('#login_username').val(),
				password: $('#login_password').val()
			},
			success: function(res) {
				if (res.status != 0) {
					return layui.layer.msg('登录失败！')
				}
				layui.layer.msg('登录成功！')
                //登录页面 售票台 给我们一张门票
                //后台首页 看电影地方 凭证 权限
                //登录成功之后跳转到后台首页
                // 将登录成功得到的 token 字符串，保存到 localStorage 中
                // 本地存储 里面的东西，当前所有的页面都可以用
                localStorage.setItem('token', res.token)
                // 跳转到后台主页
                location.href = 'index.html'   
			}
		})
	})
})
